<template>
    <div>
      <van-tabbar v-model="active" active-color="#41b883" :route="true">
        <van-tabbar-item icon="home-o" to="/home">首页</van-tabbar-item>
        <van-tabbar-item icon="search" to="/cate">分类</van-tabbar-item>
        <van-tabbar-item icon="friends-o" badge="5" to="/cart">购物车</van-tabbar-item>
        <van-tabbar-item icon="setting-o"  to="/self">{{ duan ? '我的' : '未登录' }}</van-tabbar-item>
      </van-tabbar>
    </div>
</template>

<script lang="ts" name="sdyFooter" setup>
 import {ref}from 'vue'

 const active = ref()

 const duan =  window.localStorage.getItem('token')
 

</script>

<style lang="scss" scoped></style>